<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			.header {
				width: 980px;
				height: 60px;
				margin: 0 auto;
			}
			
			.sear {
				float: right;
				width: 236px;
				height: 40px;
				margin-top: 20px;
			}
			
			.main1 {
				width: 980px;
				height: 600px;
				margin: 0 auto;
			}
			
			.main2 {
				width: 980px;
				height: 240px;
				margin: 2px auto;
			}
			
			.infomation {
				width: 100%;
				height: 28px;
				background-color: rgb(251, 251, 251);
				border: 1px solid rgb(228, 228, 228);
				border-left: none;
				border-right: none;
			}
			
			#img {
				float: right;
				margin: 4px 4px;
			}
			
			.inf1 {
				width: 980px;
				height: 30px;
				margin: 0 auto;
			}
			
			.div1 {
				width: 308px;
				height: 230px;
				margin: 8px 8px;
				float: left;
				border: 1px solid rgb(228, 228, 228);
			}
			
			.div2 {
				width: 328px;
				height: 230px;
				margin: 8px 8px;
				float: left;
				border: 1px solid rgb(228, 228, 228);
			}
			
			.div3 {
				width: 288px;
				height: 230px;
				margin: 8px 8px;
				float: right;
				border: 1px solid rgb(228, 228, 228);
			}
			
			.footer {
				width: 100%;
				height: 400px;
				background-color: rgb(45, 45, 45);
				margin: 0 auto;
			}
			
			#imgheader {
				margin-top: 20px;
				margin-left: 50px;
			}
			
			input {
				width: 200px;
				height: 24px;
				font-size: 12px;
			}
			
			#img2 {
				float: right;
				width: 30px;
				height: 30px;
			}
			
			.nav {
				width: 100%;
				height: 50px;
				background-image: url(img/nav_bg.png);
				border: 1px solid rgb(225, 225, 225);
			}
			
			.nav1 {
				width: 980px;
				height: 48px;
				margin: 0 auto;
				margin-top: 0px;
			}
			
			ul {
				display: inline;
			}
			
			ul li {
				list-style: none;
				float: left;
				border-right: 1px solid rgb(216, 216, 216);
				margin: 0 auto;
			}
			/*横向，去下划线，字体区中，字体间距离*/
			
			.nav1 li a {
				float: left;
				line-height: 48px;
				padding: 0 40px;
				font-size: 13px;
				/*去a标签下划线*/
				text-decoration: none;
			}
			
			.nav1  li a:hover {
				color: limegreen;
			}
			
			span {
				font-size: 12px;
			}
			
			.new {
				height: 25px;
				margin: 4px;
			}
			
			#newspan {
				font-size: 10px;
				font-family: "楷体";
				color: rgb(114, 185, 42);
			}
			
			.new1 {
				margin-top: 80px;
				margin-left: 20px;
				float: left;
			}
			
			.new2 {
				margin-top: 30px;
				float: left;
			}
			
			.new3 {
				margin-top: 80px;
				margin-right: 20px;
				float: right;
			}
			
			.news {
				border-bottom: 1px dashed darkgray;
				margin: 0px 20px;
				padding: 4px 4px;
			}
			
			#red {
				font-size: 10px;
				color: red;
			}
			
			.dian {
				font-size: 12px;
				font-family: "楷体";
				margin: 2px 30px;
				border-left: 2px solid rgb(114, 185, 42);
			}
			
			p {
				font-size: 12px;
				margin-top: 25px;
				margin-left: 30px;
			}
			
			#footer-nav {
				width: 980px;
				height: 200px;
				margin: 10px auto;
			}
			
			#footer-nav1 {
				font-size: 10px;
				color: lightgray;
			}
			
			td {
				padding: 10px 30px;
				width: 60px;
				height: 10px;
				margin: 4px 4px;
			}
			
			#footer-nav2 {
				padding: 0 40px;
				font-size: 10px;
				color: rgb(111, 112, 112);
			}
			
			hr {
				border: none;
				border-bottom: 1px dashed rgb(65, 65, 65);
			}
			
			#foot {
				width: 450px;
				height: 80px;
				text-align: center;
				font-size: 12px;
				color: black;
				margin: 20px auto;
			}
		</style>
	</head>

	<body>
		<div class="header">
			<img id="imgheader" src="img/logo.jpg" />
			<div class="sear">
				<input type="text" value="请输入" /><img id="img2" src="img/search2.jpg" />
			</div>
		</div>
		<div class=" nav">
			<div class="nav1">
				<ul>
					<li><a href="">首页</a></li>
					<li><a href="">智能手机</a></li>
					<li><a href="">平板电脑</a></li>
					<li><a href="">配件</a></li>
					<li><a href="">服务支持</a></li>
					<li><a href="">关于尚合</a></li>
				</ul>
			</div>
		</div>
		<div class="main1"><img src="img/banner.jpg" /></div>
		<div class="infomation">
			<div class="inf1">
				<span>最新公告：尚合Aone智能手机入网证已获取工信部门审批下来。尚合官网</span>
				<div id="img"><img src="img/zone.png" /><img src="img/weibo.png" /><img src="img/xinlang.png" /><img src="img/zone.png" /></div>
			</div>
		</div>
		<div class="main2">
			<div class=" div1">
				<div class="new"><img src="img/o.jpg" /><span id="newspan">新品发布</span></div>
				<div class="new1"><img src="img/left.png"></div>
				<div class="new2"><img src="img/home_hot_01.png"></div>
				<div class="new3"><img src="img/right.png" /></div>
			</div>
			<div class=" div2">
				<div class="new"><img src="img/o.jpg" /><span id="newspan">新闻中心</span></div>
				<div class="news"><span id="red">致歉公告</span></div>
				<div class="news"><span>首批尚合Aonet已全部告罄</span></div>
				<div class="news"><span>【媒体报导】国产性价比尚合Aonet四核手机评测 </span></div>
				<div class="news"><span>我司产品已经通过了国家强制性产品3C认证</span></div>
				<div class="news"><span>尚合Aone智能手机入网证已经获工信部门审批下发</span></div>
				<div class="news"><span>我司通过ISO9001:2008国际质量管理体系认证</span></div>
			</div>
			<div class=" div3">
				<div class="new"><img src="img/o.jpg" /><span id="newspan">技术与支持</span></div>
				<div class="dian">售后服务</div>
				<div class="dian">投诉与建议</div>
				<div class="dian">联保网点</div>
				<div class="dian">常见问题FAQ</div>
				<p>深圳市汇聚众合科技发展有限公司<br /> 服务热线：400-633-7922
				</p>
			</div>
		</div>
		<div class=" footer">
			<div id="footer-nav">
				<table>
					<tr id="footer-nav1">
						<td>尚合首页</td>
						<td>尚合首页</td>
						<td>尚合首页</td>
						<td>尚合首页</td>
					</tr>
					<tr id="footer-nav2">
						<td>返回首页</td>
						<td>返回首页</td>
						<td>返回首页</td>
						<td>返回首页</td>
					</tr>
				</table>
			</div>
			<hr>
			<div id="foot">
				深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司深圳市会居中和优先公司
			</div>
		</div>
	</body>

</html>